﻿@{
    ViewData["Title"] = "添加物料入库单行";
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>添加物料入库单行</title>
    <link href="//unpkg.com/layui@2.9.17/dist/css/layui.css" rel="stylesheet">
</head>
<body>
    <form class="layui-form layui-form-pane" action="">
      <div class="layui-inline" style="display: inline-block;">
    <label class="layui-form-label"><span style="color:red">*</span>物料编码</label>
    <div class="layui-input-inline" style="width: 180px; display: inline-block;">
                <input type="text" name="ItemCode" autocomplete="off" placeholder="请选择物料编码" lay-verify="required" class="layui-input" id="ItemCode">
            </div>
    <div class="layui-inline" style="display: inline-block;">
        <div class="layui-input-inline" style="width: 80px; display: inline-block;">
            <button type="button" class="layui-btn layui-btn-normal layui-icon layui-icon-search" id="openWindow">搜索</button>
        </div>
    </div>
</div>
<div class="layui-form-item" style="display: inline-block;">
    <div class="layui-inline" style="display: inline-block;">
        <label class="layui-form-label">物料名称</label>
        <div class="layui-input-inline" style="width: 180px; display: inline-block;">
                    <input type="text" name="ItemName" autocomplete="off" lay-verify="required" class="layui-input" id="ItemName" readonly>
                </div>
    </div>
    <div class="layui-inline" style="display: inline-block;">
        <label class="layui-form-label">单位</label>
        <div class="layui-input-inline" style="width: 180px; display: inline-block;">
                    <input type="text" name="UnitOfMeasure" id="UnitOfMeasure" lay-verify="required" autocomplete="off" class="layui-input" readonly>
                </div>
    </div>
</div>

       <div class="layui-form-item" style="display: inline-block; margin-right: 20px;">
    <div class="layui-inline">
        <label class="layui-form-label"><span style="color:red">*</span>入库数量</label>
        <div class="layui-input-inline" style="width: 100px;">
            <input type="number" name="OrderNum" placeholder="" autocomplete="off" class="layui-input" lay-verify="required" min="0" step="1" lay-affix="number" value="1">
        </div>
    </div>
</div>
<div class="layui-form-item" style="display: inline-block;">
    <div class="layui-inline">
        <label class="layui-form-label">入库批次号</label>
        <div class="layui-input-inline" style="width: 180px;">
            <input type="text" name="warehouseName" autocomplete="off" placeholder="请输入入库批次号" lay-verify="warehouseName" class="layui-input" id="warehouseName">
        </div>
    </div>
</div>

       <div style="display: flex; align-items: center;">
    <div class="layui-inline">
        <label class="layui-form-label">有效期</label>
        <div class="layui-input-inline" style="width: 180px;">
            <input type="text" name="recptDate" id="recptDate" lay-verify="recptDate" placeholder="请选择有效期" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="margin-left: 20px;">
        <div class="layui-inline">
            <label class="layui-form-label"><span style="color:red">*</span>入库仓库</label>
            <div class="layui-input-inline" style="width: 180px;">
                <input type="text" name="warehouseName" autocomplete="off" placeholder="请选择" lay-verify="warehouseName" class="layui-input" id="warehouseName">
            </div>
        </div>
    </div>
</div>

        <div class="layui-form-item" pane>
            <label class="layui-form-label">是否检验</label>
            <div class="layui-input-block">
                <input type="radio" name="EnableFlag" value="Y" title="是" checked>
                <input type="radio" name="EnableFlag" value="F" title="否">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="layui-textarea" name="remark" id="remark"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn" lay-submit lay-filter="demo3">确定</button>
            <button type="reset" class="layui-btn layui-btn-primary">取消</button>
        </div>
    </form>
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <script src="//unpkg.com/layui@2.9.17/dist/layui.js"></script>
    <script>
            //JavaScript代码
            layui.use(['form'], function () {
                var form = layui.form;
                var layer = layui.layer;
                 var laydate = layui.laydate;
          form.on('switch(switchFilter)', function(data) {
            if(data.elem.checked) {
              var prefix ='R';
              var num = new Date().getTime(); // 使用当前时间戳生成数字部分
              document.getElementById('recptCode').value = prefix + num;
            } else {
              document.getElementById('recptCode').value = '';
            }
          });

          // 日期
                laydate.render({
                    elem: '#recptDate'
                });
           // 物料选择
        document.getElementById('openWindow').onclick = function(){
            // 弹出新窗口
            layer.open({
                type: 2, // 弹出层类型，2表示iframe层
                title: '物料产品选择',
                        shadeClose: true, // 点击遮罩区域，关闭弹层
                        scrollbar: false, // 暂时屏蔽浏览器滚动条
                        skin: 'layui-layer-rim', //加上边框
                        area: ['90%', '90%'], //宽高
                    content: '/Song/MaterialProducts', // 弹出层内容，供应商选择页面地址
                        end: function () {
                        var ItemCode = sessionStorage.getItem('ItemCodeFromPopup');
                        document.getElementById('ItemCode').value = ItemCode;
                        var ItemName = sessionStorage.getItem('ItemNameFromPopup');
                        document.getElementById('ItemName').value = ItemName;
                        var UnitOfMeasure = sessionStorage.getItem('UnitOfMeasureFromPopup');
                        document.getElementById('UnitOfMeasure').value = UnitOfMeasure;
                        }
                    });
        };

                // 表单验证
                form.verify({
                    // 入库日期 验证日期格式
                    recptDate: function (value) {
                        if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) {
                            return '日期格式不正确，应为yyyy-mm-dd';
                        }
                    },
                    // 供应商
                    vendorName: function (value) {
                        if (value.length > 20) {
                            return '供应商名称不能超过20个字符';
                        }
                        // 供应商名称不能包含特殊字符
                        var reg = /[`~!#$%^&*()_+<>?:"{},.\/;'[\]]/im;
                        if (reg.test(value)) {
                            return '供应商名称不能包含特殊字符';
                        }
                    },
                    // 入库仓库
                    warehouseName: function (value) {
                        if (value.length > 20) {
                            return '入库仓库名称不能超过20个字符';
                        }
                        // 入库仓库名称不能包含特殊字符
                        var reg = /[`~!#$%^&*()_+<>?:"{},.\/;'[\]]/im;
                        if (reg.test(value)) {
                            return '入库仓库名称不能包含特殊字符';
                        }
                    }
                });

                // 添加事件
                form.on('submit(demo3)', function (data) {
                    var field = data.field; // 获取表单字段值
                    console.log(field);
                    var addDTO={
                        recptCode:field.recptCode,
                        recptName:field.recptName,

                        vendorId: sessionStorage.getItem("vendorIdFromPopup"),
                        vendorCode:  sessionStorage.getItem("vendorCodeFromPopup"),
                        vendorName: sessionStorage.getItem("vendorNameFromPopup"),
                        vendorNick:  sessionStorage.getItem("vendorNickFromPopup"),
                        warehouseName: field.warehouseName,
                        recptDate:field.recptDate,
                        status:field.status,
                        remark:field.remark,
                    }
                         // 此处可执行 Ajax 等操作
                    $.post("/Song/AddWmItemRecpts", addDTO, res => {
                        if (res) {
                            layer.msg('保存成功', {
                                icon: 1,
                                time: 2000
                            }, function () {
                                var index = parent.layer.getFrameIndex(window.name);//先得到当前iframe层的索引
                                parent.layer.close(index);//再执行关闭
                            });
                            // sessionStorage.removeItem('vendorNameFromPopup');
                            // sessionStorage.removeItem('vendorIdFromPopup');
                            // sessionStorage.removeItem('vendorCodeFromPopup');
                            // sessionStorage.removeItem('vendorNickFromPopup');
                        }
                        else {
                            layer.msg('名称已存在', {
                                icon: 2,
                                time: 2000
                            });
                        }
                    });
                    return false; // 阻止默认 form 跳转
                });
            });
    </script>
</body>
</html>
